<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="keywords" content="穿山甲机器人股份有限公司,机器人后台管理系统,机器人后台数据统计" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>机器人-后台</title>
    <link href="css/main.css" rel="stylesheet" />
    <link href="css/details.css" rel="stylesheet" />
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
    <link href="css/lyz.calendar.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-2.1.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=百度密钥&v=1.0"></script>
</head>

<body>
<div id="header">
    <div id="info">
        <h3><a href="#"><img src="img/csjlog.png" style="height: 40%;width: auto"></a>&nbsp;&nbsp;<span>穿山甲机器人后台数据管理系统</span></h3>
    </div>
</div>
<div id="content">
    <div id="con_left">
        <!--左侧菜单栏-->
        <ul id="left_nav">
            <li id="user_info">
                <div id="info_plane">
                    <a href="#"><img src="img/t11.jpg"></a>
                    <div id="users">
                       <span id="user_name">
                           <a href="#">微微一笑很倾城</a>
                       </span>
                        <span id="user_type">
                           <a href="#">超级管理员</a><b class="caret"></b>
                       </span>
                    </div>
                </div>
            </li>
            <li id="index_bt" class="nav_li">
                <i class="glyphicon glyphicon-home"></i><a href="index.html">主页</a>
            </li>
            <li id="market_bt" class="nav_li">
                <i class="glyphicon glyphicon-picture"></i><a href="mapView3.html">销售情况</a>
            </li>
            <li id="bg_data" class="nav_li">
                <i class="glyphicon glyphicon-th-list"></i><a href="real-time-data.html">后台数据</a>
            </li>
            <li id="robot_bt" class="index_li nav_li" >
                <i class="glyphicon glyphicon-list-alt"></i><a href="state.html">机器人状态</a>
            </li>
            <!--<li id="one_info">
                <i class="glyphicon glyphicon-th"></i><a href="#">详细信息</a>
            </li>
            <li id="robot_log">
                <i class="glyphicon glyphicon-list"></i><a href="#">日志</a>
            </li>-->
        </ul>
    </div>
    <div id="con_center">
        <!--机器人详细信息显示-->
        <div id="robot_info">
            <div id="info_top">
                <h3>机器人实时状态</h3>
                <p><span>机器人状态</span>&nbsp;/&nbsp;<strong>动态显示</strong></p>
            </div>
            <div id="info_center">
                <div id="inc_left">
                    <h3>动态信息展示栏<a href="logView.html" class="lookLog_bt">查看日志</a></h3>
                    <ul>
                        <li>开机成功！</li>
                        <li>正在创建连接...</li>
                        <li>正在创建会话...</li>
                        <li>语音模块测试成功！</li>
                        <li>人脸识别模块测试成功！</li>
                        <li>……</li>
                        <li>……</li>
                        <li>开机成功！</li>
                        <li>正在创建连接...</li>
                        <li>正在创建会话...</li>
                        <li>语音模块测试成功！</li>
                        <li>人脸识别模块测试成功！</li>
                    </ul>
                </div>
                <div id="inc_right">
                    <h3>机器人详细信息</h3>
                    <div class="rt_info">
                        <p>机器人ID：<span class="robot_id">10001</span></p>
                        <p>类型：<span class="robot_type">服务型机器人</span></p>
                        <p>地理位置：<span class="robot_location">苏州市 昆山市 元丰路 232号</span></p>
                    </div>
                    <div class="rob_pic">
                        <ul>
                            <li class="index_pic">
                                <img src="img/xx1.jpg">
                            </li>
                            <li>
                                <img src="img/xx2.jpg">
                            </li>
                            <li>
                                <img src="img/xx3.jpg">
                            </li>
                        </ul>

                        <!--<div id="bm_bt">
                            <span class="bmt1 index_bmt"></span>
                            <span class="bmt1"></span>
                            <span class="bmt1"></span>
                        </div>
                        <div class="lr_arrow">
                            <div class="left_arrow">
                                <img src="img/arrowl.png">
                            </div>
                            <div class="right_arrow">
                                <img src="img/arrowr.png">
                            </div>
                        </div>-->
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!--遮罩层-->
<div id="fade">
    <div class="loader">
        <div class="loader-inner line-scale-pulse-out">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<script>
    $(function () {
        setTimeout(function () {
            $("#fade").fadeOut(500);
        },500);
    })
</script>
</body>

</html>